export default function() {
	this.add(
		this.render({
			is: 'button',
			onClick: () => {
				const tan = this.$tan();
				// 点击按钮，弹出弹框
				if (env === 'react-antd') {
					tan.alert({
						title: '弹框标题',
						width: '1080px',
						children: '这是弹框的内容',
						// 解开内置的取消按钮
						cancelButtonProps: null,
						// 在antd中，只允许控制确定按钮
						button: {
							text: '确定',
							onClick: () => {
								// 打开第二层弹框
								tan.alert({
									title: '提示',
									children: '您点击了确定按钮',
									onClose: close => {
										// 关闭内层弹框
										close();
										// 关闭外层弹框
										this.dialog().close();
									}
								})
							}
						}
					});
				} else {
					tan.alert({
						title: '弹框标题',
						width: '1080px',
						children: '这是弹框的内容',
						// 在antd中，buttons属性失效
						buttons: (close, show) => {
							// 数组中的元素为按钮配置，使用时结合各自UI按钮按钮文档配置
							return [{
									type: 'primary',
									text: '确定',
									onClick: () => {
										// 打开第二层弹框
										tan.alert({
											title: '提示',
											children: '您点击了确定按钮',
											onClose: (innerClose) => {
												// 关闭内层弹框
												innerClose();
												// 关闭外层弹框
												close();
											}
										})
									}
								},
								// 这里没有绑定事件，则点击触发关闭事件
								{ type: 'primary', text: '关闭' }
							]
						}
					});
				}
			}
		}, '点击打开弹框')
	)
}